*
{
	padding: 0;
}
/*-------------------------
	General Styles
--------------------------*/



body{
	font:14px/1.3 'Segoe UI', 'Arial', sans-serif;
}

a, a:visited {
	outline:none;
	color:#1c4f64;
}

a:hover{
	text-decoration:none;
}

section, footer, header{
	display: block;
}


/*----------------------------
	The Header
-----------------------------*/


header{
	margin-bottom:90px;
	padding:30px;
	position:relative;
}



header h2{
	position:absolute;
	top:0;
}


/*----------------------------
	The Main Div
-----------------------------*/

#main{
	position:relative;
	margin-bottom: 70px;
}
#carousel{
	margin-top:50px;
	margin-bottom:100px;
	text-align:center;
	height:60px;
	/* Initially hidden */
	opacity:0;
	/* Will animate the transition */
	-moz-transition:0.4s opacity;
	-webkit-transition:0.4s opacity;
	transition:0.4s opacity;
}
#carousel.active{
	opacity:1;
}
#carousel li{
	display:none;
	list-style:none;
	width:150px;
	height:100px;
	margin: -82px 18px 0;
	position:relative;
	-moz-transition:0.4s all;
	-webkit-transition:0.4s all;
	transition:0.4s all;
}
#carousel li.visible{
	display:inline-block;
}
#carousel li a img{
	border:none;
}
#carousel li a img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:relative;
	z-index:1;
}
#carousel li:hover{
	height: 197px;
    margin-top: -152px;
    width: 222px;
}

#carousel1{
	margin-top:50px;
	margin-bottom:100px;
	text-align:center;
	height:60px;
	/* Initially hidden */
	opacity:0;
	/* Will animate the transition */
	-moz-transition:0.4s opacity;
	-webkit-transition:0.4s opacity;
	transition:0.4s opacity;
}
#carousel1.active{
	opacity:1;
}
#carousel1 li{
	display:none;
	list-style:none;
	width:150px;
	height:100px;
	margin: -82px 18px 0;
	position:relative;
	-moz-transition:0.4s all;
	-webkit-transition:0.4s all;
	transition:0.4s all;
}
#carousel1 li.visible{
	display:inline-block;
}
#carousel1 li a img{
	border:none;
}
#carousel1 li a img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:relative;
	z-index:2;
}
#carousel1 li:hover{
	height: 197px;
    margin-top: -152px;
    width: 222px;
}

#carousel2{
	margin-top:50px;
	margin-bottom:100px;
	text-align:center;
	height:60px;
	/* Initially hidden */
	opacity:0;
	/* Will animate the transition */
	-moz-transition:0.4s opacity;
	-webkit-transition:0.4s opacity;
	transition:0.4s opacity;
}
#carousel2.active{
	opacity:1;
}
#carousel2 li{
	display:none;
	list-style:none;
	width:150px;
	height:100px;
	margin: -82px 18px 0;
	position:relative;
	-moz-transition:0.4s all;
	-webkit-transition:0.4s all;
	transition:0.4s all;
}
#carousel2 li.visible{
	display:inline-block;
}
#carousel2 li a img{
	border:none;
}
#carousel2 li a img{
	display:block;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	position:relative;
	z-index:3;
}
#carousel2 li:hover{
	height: 197px;
    margin-top: -152px;
    width: 222px;
}

#paging
{
	margin-top:-50px;
	margin-left: 450px;
}
.listTxt{
 position: absolute;
 top:30px;
 left:45px;
 z-index: 8;
 font-size: 12pt;
 font-weight:bold;
 color: white;
/*  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000; */
 background-color: rgba(255,100,0,0.6); 
 width:110px;
 padding:15px;
}


#listImg{
 position: relative;
 z-index: 6;
}
.ListTitle{
	font:bold;
	font-size: 10pt;
	color: black;
	margin-left: 3px;
}
.ListWriter{
	font-size: 10pt;
	color: gray;
}




